var c = document.getElementById("background");
var ctx = c.getContext("2d");
ctx.fillStyle = '#000';
ctx.font = 'italic bold 9px sans-serif';
ctx.textBaseline = 'bottom';

ctx.fillText('8', 10, 26);
ctx.fillText('7', 10, 40);
ctx.fillText('6', 10, 54);
ctx.fillText('5', 10, 67);
ctx.fillText('4', 10, 81);
ctx.fillText('3', 10, 94);
ctx.fillText('2', 10, 108);
ctx.fillText('1', 10, 121);

ctx.fillText('8', 283, 26);
ctx.fillText('7', 283, 40);
ctx.fillText('6', 283, 54);
ctx.fillText('5', 283, 67);
ctx.fillText('4', 283, 81);
ctx.fillText('3', 283, 94);
ctx.fillText('2', 283, 108);
ctx.fillText('1', 283, 121);

ctx.fillText('a',38,14);
ctx.fillText('b',69,14);
ctx.fillText('c',100,14);
ctx.fillText('d',130,14);
ctx.fillText('e',162,14);
ctx.fillText('f',193,14);
ctx.fillText('g',224,14);
ctx.fillText('h',255,14);

ctx.fillText('a',37,133);
ctx.fillText('b',68,133);
ctx.fillText('c',99,133);
ctx.fillText('d',130,133);
ctx.fillText('e',162,133);
ctx.fillText('f',193,133);
ctx.fillText('g',224,133);
ctx.fillText('h',255,133);